/*
Theme Name: czy
Theme URI: http://templates.silversite.pl/snaps/demo/
Description: Creative Template is based on the latest standarts for Bootstrap and Wordpress.
Author: piexl
Author URI: www.piexl.net
Version: 0.0.1
Text Domain: czywp
License: GNU General Public License version 3.0
License URI: http://amazeui.org/1.x/
*/

body{
	background-color:#f2f2f2;
	a{
		color:#007cc3;
	}
	.am-text-primary{
		color:#007cc3;
	}
}

/*头部样式开始*/
.am-topbar{
	background-color:#fff;
}
.am-topbar-nav>li>a:after{
	border-bottom: 6px solid #fff;
}
.am-topbar{
	min-height:40px;
}
header{
	background-color:#fff;
	.top1{
		background-color:#333;
		color:#999;
		font-size:14px;
		i{padding:0 3px;}
		a{
			padding-right:5px;
			&:hover{
				color:#eee;
			}
		}
		.left{
			.am-btn{
				background-color:transparent;
				color:#999;
				&:hover{
					color:#eee;
				}
				padding: .625em 0;
			}
		}
		.right{
			form{
				padding:.5em 0;
				input{
					padding: .225em 0.5em;
					background-color:#252525;
					border:1px solid #7d7d7d;
					color:#8d8d8d;
					&:focus{
						background-color:#252525;
						border:1px solid #007cc3;
					}
				}
				.am-btn{
					padding: .225em 0.5em;
					background-color:#252525;
					color:#8d8d8d;
					&:hover{
						background-color:#000;
						color:#eee;
					}
				}
			}
		}
	}
	.top2{
		.am-topbar-brand{
			padding:20px 0;
		}
		.am-topbar-nav>li>a{
			padding:40px 20px;
		}
	}
}
/*头部样式结束*/


// 底部开始

footer{
	.fooer_top{
		width:100%;
		background-color:#007cc3;
		padding:10px 0;
		.am-slider{
			li{
				a{
					color:#fff;
				}
			}
		}
		.tip{
			background-color:#009af2;
			color:#fff;
			margin-right:20px;
		}
		.am-slider-default{
			margin:0;
			background-color:transparent;
			box-shadow:none;
			color:#fff;
			li{
				p{
					margin:0px;
					line-height:2.4em;
				}
			}
		}
		.am-direction-nav{
			.am-prev{
				left:100%;
				margin-left:-60px;
			}
		}
		.am-slider-default .am-direction-nav a::before{
			color:#f2f2f2;
			&:hover{
				color:#fff;
			}
		}
	}
	.foot1{
		background-color:#252525;
		color:#e0e0e0;
		padding:40px 0;
		h3{
			border-bottom:3px solid #007cc3;
			color:#fff;
			padding-bottom:5px;
			display:inline-block;
		}
		.am-btn{
			background-color:#bfc9d4;
			color:#384452;
			margin:5px;
			&:hover{
				background-color:#007cc3;
				color:#fff;
			}
		}
		ul{
			padding:0;
			margin:0;
			list-style:none;
			li{
				padding:10px 0;
			}
			.text{
				width:140px;
				padding-left:10px;
			}
		}

	}
	.foot2{
		background-color:#333;
		color:#e0e0e0;
		padding:20px 0;

		p{
			margin:0;
			padding:10px;
		}
		.am-dropdown{
			top:-5px;
			h2{
				margin-bottom:0;
				color:#333;
				text-align:center;
			}
		}
		.am-btn{
			background-color:transparent;
			color:#999;
			padding:0;
			border:0;
			&:hover{
				color:#eee;
			}
		}
	}
}
// 底部结束


.tags{
	a{
		background-color: #bfc9d4;
		color: #384452;
		margin: 5px;
		padding: .625em 1em;
		text-align: center;
		border-radius: 2px;
		&:hover{
			background-color:#007cc3;
			color:#fff;
		}
	}
}

// 标题栏的样式调整开始
.am-titlebar-default a{
	color:#007cc3;
}
// 标题栏的样式调整结束

// 404error页面开始
.page_404{
	.error_img{
		padding:40px 0;
	}
}
// 404error页面结束

// 联系我们开始
.page_contact{
	.map{
		padding:20px 0;
	}
	.bottom{
		padding:20px 0;
		h3{
			border-bottom:3px solid #007cc3;
			padding-bottom:5px;
			display:inline-block;
		}
		form{
			margin:40px 0;
			input{
				border-radius:6px;
			}
			textarea{
				border-radius:6px;
			}
		}
	}
}
// 联系我们结束


// 常见问题开始
.page_faq{
	padding:20px 0;
}

// 常见问题结束

// 公司简介开始
.page_abstract{
	padding:20px 0;
	.share{
		padding:20px 0;
		.am-icon-btn{
			background-color:#233e5c;
			color:#f2f2f2;
			&:hover{
				background-color:#007cc3;
				color:#fff;
			}
		}
	}

}
// 公司简介结束

// 文章列表开始
.page_article{
	padding:20px 0;
	ul{
		list-style:none;
		padding-left:1rem;
	}
	h3{
		border-bottom:3px solid #007cc3;
		padding-bottom:5px;
		display:inline-block;
	}
	.am-pagination{
		margin:20px 0;
	}
	.article_list{
		padding-left:0;
		li{
			margin-bottom:20px;
			.post-info{
				margin-bottom:10px;
			}
			span{
				padding-right:10px;
				color:#9faab6;
				i{
					padding-right:10px;
				}
			}
			.am-btn-warning{
				background-color:#f1a400;
			}
		}
	}
	.contact{
		padding:20px 0;
		h3{
			border-bottom:3px solid #007cc3;
			padding-bottom:5px;
			display:inline-block;
		}
		form{
			margin:40px 0;
			input{
				border-radius:6px;
			}
			textarea{
				border-radius:6px;
			}
		}
	}
}

// 文章列表结束


//侧边栏开始
.side{
	 background-color:#FAFAFA;
	.side_box{
		margin-bottom:20px;
	}
	.search{
		.am-form-field{
			padding: .625em 0.5em;
			&:focus{
				border:1px solid #007cc3;
			}
		}
	}
	.am-btn{
		background-color:#bfc9d4;
		color:#384452;
		margin:5px;
		&:hover{
			background-color:#007cc3;
			color:#fff;
		}
	}
	ul.last{
		padding:0;
		margin:0;
		list-style:none;
		li{
			padding:10px 0;
		}
		.text{
			width:220px;
			padding-left:10px;
		}
	}
	.classes{
		li{
			line-height:2em;
			margin-bottom:.5em;
			border-bottom:1px solid rgba(0, 0, 0, 0.05);
			a{
				i{
					display:none;
				}
				&:hover{
					i{
						display:inline-block;
					}
				}
			}
		}
	}
	.share{
		.am-g{
			padding-left:20px;
			li{
				margin-bottom:10px;
				.am-icon-btn{
					background-color:#3d5c95;
					color:#f2f2f2;
					margin-right:10px;
					&:hover{
						color:#fff;
					}
				}
			}
			.share2 .am-icon-btn{
				background-color:#7cb90a;
			}
			.share3 .am-icon-btn{
				background-color:#b30140;
			}
			.share4 .am-icon-btn{
				background-color:#3e98f8;
			}
		}
	}

}
//侧边栏结束

// 产品列表开始
.page_product{
	.am-nav{
		padding:20px 0;
	}
	.am-pagination{
		padding:20px 0;
	}
	.product_list{
		list-style:none;
		padding:20px 0;
		li{
			border: 1px solid rgba(0,0,0,0.15);
			margin-bottom:20px;
			padding:10px;
			h4{
				margin:0;
				padding-top:10px;
			}
			.author{
				margin:0;
			}
			.con{
				height:3.6em;
				overflow: hidden;
				border-top: 1px solid rgba(0,0,0,0.15);
				padding-top: 10px;
			}
		}
	}
}
// 产品列表开始

// 首页样式开始
.page_home{
	.am-slider{
		.am-direction-nav{
			a{
				background-color:#eeeeee;
				color:#333;
				padding:10px;
				border-radius:5px;
				width:40px;
				height:40px;
				&:hover{
					background-color:#fff;
					color:#252525;
				}
			}
		}
		.am-control-nav{
			bottom: 52px;
			li{
				a{
					width:60px;
					height:4px;
					border-radius:2px;
					background-color:#93acba;
				}
				a.am-active{
					background-color:#1ac3fa;
				}
			}
		}
	}
	.title-lines{
	  margin-top: 80px;
	  margin-bottom: 80px;
	  font: 700 25px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	  color: #233e5c;
	}
	.title-line{
	  display: block;
	  margin-bottom: 64px;
	}
	.line-separator {
	  height:60px;
	  width:100%;
	  text-align:center;
	  margin: 80px auto;
	}
	.lines,
	.one-line {
	  position: relative;
	}
	.line-top-first,
	.line-top-second,
	.line-bottom-first,
	.line-bottom-second {
	  display: block;
	  height: 1px;
	  left: 50%;
	  background-color: #1ac3fa;
	  position: relative;
	  -webkit-transform-origin: bottom left;
	  -moz-transform-origin: bottom left;
	  -ms-transform-origin: bottom left;
	  transform-origin: bottom left;
	}
	.line-bottom {
	  display: block;
	  height: 2px;
	  width: 65px;
	  background-color: #1ac3fa;
	  position: absolute;
	  left: 0;
	  bottom: -32px;
	}
	.line-top-first,.line-top-second {
	  -webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: -12px;
	}
	.line-bottom-first,
	.line-bottom-second{
	  bottom: -12px;
	  -webkit-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  transform: rotate(135deg);
	}
	.line-top-first,.line-bottom-first {
	  width: 25px;
	}
	.line-top-second,.line-bottom-second {
	  width: 35px;
	}
	.line-top-first {
	  margin-left: 10px;
	}
	.line-top-second {
	  margin-left: 20px;
	}
	.line-bottom-first {
	  margin-left: -10px;
	}
	.line-bottom-second {
	  margin-left: -20px;
	}
	.part1{
		padding:40px 0;
		.am-icon-btn {
			width:100px;
			height:100px;
			line-height:100px;
			background-color:#fff;
			color:#233e5c;
			&:hover{
				background-color:#fff;
				color:#007cc3;
			}
		}
	}
	.part2{
		.product_list{
			list-style:none;
			padding:20px 0;
			li{
				position:relative;
				img{
					width:100%;
				}
				.text{
					display:none;
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					background-color:rgba(3,177,240, 0.80);
					color:#fff;
					p{
						padding:20px;
					}
				}
				.linkbtn{
					position:absolute;
					bottom:0;
					left:0;
					display:none;
					a{
						width:40px;
						height:40px;
						line-height:40px;
						text-align:center;
						background-color:#019ff9;
						color:#fff;
					}
				}
				&:hover{
					.text{
						display:block;
					}
					.linkbtn{
						display:block;
					}
				}
			}
		}
	}
	.part4{
		.faith{
			padding:100px 0;
			background:url(assets/img/part4bg.jpg) no-repeat center center;
			background-size:auto;
			color:#fff;

		}
	}

	.part5{
		.teams{
			.top{
				position:relative;
				img{
					width:100%;
				}
				.text{
					display:none;
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					background-color:rgba(3,177,240, 0.80);
					color:#fff;
					p{
						padding:40px 20px;
					}
				}
				&:hover{
					.text{
						display:block;
					}
				}
			}
		}
	}
	.part6{
		padding-bottom:60px;
	}

}
// 首页样式结束


// 百度分享的按钮样式重置
.bdsharebuttonbox{
	float: left;
	color: #999;
	font-size: 16px
}

.bdsharebuttonbox i {
	font-style: normal
}

.bdsharebuttonbox a {
	display: inline-block;
	margin-right: .3em;
	width: 32px;
	height: 32px;
	border-radius: 2px;
	background: url(http://www.mrljh.com/wp-content/themes/wordpress183/img/share-icons.png) no-repeat 50% 0;
	vertical-align: middle;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s
}

.bdsharebuttonbox .bds_tsina {
	background-color: #e6162d;
	background-position: 0 0
}

.bdsharebuttonbox .bds_qzone {
	background-color: #f3b73d;
	background-position: 0 -32px
}

.bdsharebuttonbox .bds_tqq {
	background-color: #128abc;
	background-position: 0 -64px
}

.bdsharebuttonbox .bds_renren {
	background-color: #0070ce;
	background-position: 0 -96px
}

.bdsharebuttonbox .bds_sqq {
	background-color: #28a8e2;
	background-position: 0 -128px
}

.bdsharebuttonbox .bds_weixin {
	background-color: #0cc417;
	background-position: 0 -160px
}

.bdsharebuttonbox .bds_more {
	background-color: #008751;
	background-position: 0 -192px
}

.bdsharebuttonbox .bds_twi {
	background-color: #00b0ed;
	background-position: 0 -224px
}

.bdsharebuttonbox .bds_fbook {
	background-color: #3b5998;
	background-position: 0 -256px
}

.bdsharebuttonbox .bds_huaban {
	background-color: #e4162a;
	background-position: 0 -288px
}

.bdsharebuttonbox a:hover {
	opacity: .8
}









